<%@page language="java" pageEncoding="utf-8" contentType="text/html; charset=utf-8" import="java.util.*"  %>
<%@ taglib uri="/struts-tags" prefix="s"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="${baseUrl}/styles/style.css" rel="stylesheet" type="text/css" />
<title>圈子相册首页</title>
</head>
<body  id="setbgimg1">


<s:include value="/audi/include/header.jsp"></s:include>
<div  class="clear"></div>
<div class="body_contents">
  <div class="body_contents_left" style="padding-top:30px;">
    <s:include value="/audi/include/left.jsp"></s:include>
  </div>
  <div class="body_contents_middle" style="min-height:1000px;">

<!-- middle -->

    <div class="body_contents_middle_title2" style="border-bottom:1px solid #E5E5E5; margin-bottom:10px; padding-bottom:10px;">
    <strong>129</strong>&nbsp;万个车友&nbsp;|&nbsp;<strong>12</strong>&nbsp;万个圈子&nbsp;|&nbsp;<strong>934</strong>&nbsp;万个话题
    
    </div>
    
    
    <div class="body_contents_middle_03mqzsy">
    
    
    <div class="body_contents_middle_03mqzsy_litpic"><img src="${baseUrl}/images/207x155.jpg" class="bordergrey" /></div>
     <div class="body_contents_middle_03mqzsy_direction">
     <div class="body_contents_middle_03mqzsy_direction_t">
     
     <h1>奥迪品质生活</h1>
     <a href="#"><img src="${baseUrl}/images/btn_jrgqx.jpg" /></a>
     </div>
     
        <div class="body_contents_middle_03mqzsy_direction_b">
     
<p><strong>圈子成员：</strong>1500人</p>

<p><strong>圈子简介：</strong>这个地方特产冰这个地方魂质感都会从他们的作品微，个地感都会从他们的作品微微渗出。
</p><p><strong>创建时间：</strong>2012-06-28</p>

     </div>
     
     
     
     </div>
    </div><div class="clear"></div>
    
    <div class="body_contents_middle_03share"><a href="#"><img src="${baseUrl}/images/share_to_1.jpg" /></a><a href="#"><img src="${baseUrl}/images/share_to_2.jpg" /></a><a href="#"><img src="${baseUrl}/images/share_to_3.jpg" /></a><a href="#"><img src="${baseUrl}/images/share_to_4.jpg" /></a><a href="#"><img src="${baseUrl}/images/share_to_5.jpg" /></a><a href="#"><img src="${baseUrl}/images/share_to_6.jpg" /></a></div>
    
    
    
    
    <div class="body_contents_middle_tables">
    
    <ul>
    <li><a href="${baseUrl}/audi/circle_queryDetailCircles.action?parentId=1">首页</a></li>
      <li><a href="${baseUrl}/audi/topic_list.action?circleId=1">话题 </a></li>
        <li><a href="${baseUrl}/audi/album_list.action?albumId=1&circleId=1" class="selected">
               相册  </a></li>
       <li><a href="#">      视频        </a></li>  
       <li><a href="${baseUrl}/audi/member_list.action?circleId=1">成员</a></li>
    
    </ul>
    </div>
     
        <div class="body_contents_middle_tablesbox">
 
 <div class="body_contents_middle_tablesbox_intro">
 
<div class="body_contents_middle_title2tab" style=" background-image:url(${baseUrl}/images/title_pl2.jpg);   ">
<span class="body_contents_middle_message">9999</span>
 <a href="${baseUrl}/audi/album_showUpload.action?albumId=1"><img src="${baseUrl}/images/btn_sczp.png" /></a>
    
    </div><div class="clear"></div>
   <ul class="body_contents_middle_tablesbox_intro_list6">
   
   <s:iterator value="#request.albumList" var="strs">
 <li>
<div class="xiangce_left">
<div class="xiangce_left_title"><s:property value="#strs.albumTitle"/></div>
<div class="xiangce_left_body" style="background-image:url(${baseUrl}/images/img_05.jpg);"><a href="${baseUrl}/audi/album_detail.action?circleId=1&albumId=1"><img src="${baseUrl}<s:property value="#strs.urlAddress"/>/index.jpg" /></a></div>




</div>

<div class="xiangce_right">
<div class="xiangce_right_top">
 <div class="litpic"><a href="#"><img src="${baseUrl}/images/49x49.jpg" /></a></div>
    <div class="userinfo2">夏日阳光<br />
2012-06-05</div>

</div>

<div class="xiangce_right_body">
<a href="${baseUrl}/audi/album_detail.action?circleId=1&albumId=1"><img src="${baseUrl}/images/btn_ckxc.png" align="absmiddle"/></a>&nbsp;<a href="#">浏览(21)</a>&nbsp;|&nbsp;<a href="#"> 评论(3)</a>&nbsp;|&nbsp;  <a href="#">收藏(5)</a></div>


</div>



 
 </li>
  </s:iterator>
 <li>
<div class="xiangce_left">
<div class="xiangce_left_title">奥迪生活相册标题</div>
<div class="xiangce_left_body" style="background-image:url(${baseUrl}/images/img_05.jpg);"><a href="#"><img src="${baseUrl}/images/b_162x115.png" /></a></div>




</div>

<div class="xiangce_right">
<div class="xiangce_right_top">
 <div class="litpic"><img src="${baseUrl}/images/49x49.jpg" /></div>
    <div class="userinfo2">夏日阳光<br />
2012-06-05</div>

</div>

<div class="xiangce_right_body">
<a href="#"><img src="${baseUrl}/images/btn_ckxc.png" align="absmiddle"/></a>&nbsp;<a href="#">浏览(21)</a>&nbsp;|&nbsp;<a href="#"> 评论(3)</a>&nbsp;|&nbsp;  <a href="#">收藏(5)</a></div>


</div>



 
 </li><li>
<div class="xiangce_left">
<div class="xiangce_left_title">奥迪生活相册标题</div>
<div class="xiangce_left_body" style="background-image:url(${baseUrl}/images/img_05.jpg);"><a href="#"><img src="${baseUrl}/images/b_162x115.png" /></a></div>




</div>

<div class="xiangce_right">
<div class="xiangce_right_top">
 <div class="litpic"><img src="${baseUrl}/images/49x49.jpg" /></div>
    <div class="userinfo2">夏日阳光<br />
2012-06-05</div>

</div>

<div class="xiangce_right_body">
<a href="#"><img src="${baseUrl}/images/btn_ckxc.png" align="absmiddle"/></a>&nbsp;<a href="#">浏览(21)</a>&nbsp;|&nbsp;<a href="#"> 评论(3)</a>&nbsp;|&nbsp;  <a href="#">收藏(5)</a></div>


</div>



 
 </li>
 <li>
<div class="xiangce_left">
<div class="xiangce_left_title">奥迪生活相册标题</div>
<div class="xiangce_left_body" style="background-image:url(${baseUrl}/images/img_05.jpg);"><a href="#"><img src="${baseUrl}/images/b_162x115.png" /></a></div>




</div>

<div class="xiangce_right">
<div class="xiangce_right_top">
 <div class="litpic"><img src="${baseUrl}/images/49x49.jpg" /></div>
    <div class="userinfo2">夏日阳光<br />
2012-06-05</div>

</div>

<div class="xiangce_right_body">
<a href="#"><img src="${baseUrl}/images/btn_ckxc.png" align="absmiddle"/></a>&nbsp;<a href="#">浏览(21)</a>&nbsp;|&nbsp;<a href="#"> 评论(3)</a>&nbsp;|&nbsp;  <a href="#">收藏(5)</a></div>


</div>



 
 </li>
 
 
 
   </ul>
 
 
 
 
 
    
 
 
    
    
    
    
 
    
 
 <br class="clear">
 <div class="fenye">
 
 <a href="#" class="selected">1</a> 
 <a href="#">2</a> 
 <a href="#">3</a> 
 <a href="#">4</a> 
 <a href="#">5</a>
  ...
   <a href="#">20</a>
 <a href="#"><img src="${baseUrl}/images/btn_next.jpg" align="absmiddle" /></a>
 
 </div>
 </div>
  <br class="clear">
 
 
  <div class="body_contents_middle_tablesbox_btn"></div>
    </div>
    
    
     <br class="clear"> <br class="clear"> <br class="clear">
    


<!-- middle end -->
 
  </div>
  
  <div class="body_contents_right" style="padding-top:20px">
  
  <s:include value="/audi/include/right.jsp"></s:include>
    <div class="body_contents_right_btn"></div>
  </div>
</div>
<div  class="clear"></div>
<div class="footer_warp"></div>
<s:include value="/audi/include/footer.jsp"></s:include>
<script src="${baseUrl}/scripts/jquery-1.7.1.min.js"></script> 
<script language="javascript" src="${baseUrl}/scripts/jquery.idTabs.min.js"></script> 
<script language="javascript" src="${baseUrl}/scripts/public.js"></script> 
<script src="${baseUrl}/scripts/jquery.imagesloaded.js"></script> 
<script src="${baseUrl}/scripts/jquery.wookmark.js"></script> 
<script type="text/javascript">
    $('#tiles').imagesLoaded(function() {
      // Prepare layout options.
      var options = {
        autoResize: true, // This will auto-update the layout when the browser window is resized.
        container: $('#body_contents_middle_list_main'), // Optional, used for some extra CSS styling
        offset: 7, // Optional, the distance between grid items
        itemWidth: 177 // Optional, the width of a grid item
      };
      
      // Get a reference to your grid items.
      var handler = $('#tiles li');
      
      // Call the layout function.
      handler.wookmark(options);
      
      // Capture clicks on grid items.
      handler.click(function(){

      });
	  $(".userinfo_nav").idTabs("!mouseover");
    });
  </script>
  
  
  
  



</body>
</html>